<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>畅销书排行榜</title>
		<style>
		*{
			margin: 0;
		}
			.title{
				width: 300px;
				height: 30px;
				margin: 0 auto;
				font-size: 16px;
				text-indent: 1em;
				line-height: 30px;
				color: white;
				font-weight: bold;
				background:#518700 url(img/bang.gif) no-repeat 100px 3px;
				background-size: 27px 27px;
			}
			img{
				vertical-align: middle;
			}
			.content{
				width: 300px;
				height: 350px;
				background-image: linear-gradient(-180deg,#F9FBCB,#F8F8F3);
				margin:0 auto;
			}
			ul{
				list-style-type: none;
			}
			li:first-child{
				font-size: 12px;
				line-height: 28px;
				color: #1a66b3;
				text-indent: 20px;
				background: url(img/book_no01.gif) no-repeat 0px 5px;
			}
			li:nth-child(2){
				font-size: 12px;
				line-height: 28px;
				color: #1a66b3;
				text-indent: 20px;
				background: url(img/book_no02.gif) no-repeat 0px 5px;
			}
			li:nth-child(3){
				font-size: 12px;
				line-height: 28px;
				color: #1a66b3;
				text-indent: 20px;
				background: url(img/book_no03.gif) no-repeat 0px 5px;
			}
			li:nth-child(4){
				font-size: 12px;
				line-height: 28px;
				color: #1a66b3;
				text-indent: 20px;
				background: url(img/book_no04.gif) no-repeat 4px 9px;
			}
			li:nth-child(5){
				font-size: 12px;
				line-height: 28px;
				color: #1a66b3;
				text-indent: 20px;
				background: url(img/book_no05.gif) no-repeat 4px 9px;
			}
			li:nth-child(6){
				font-size: 12px;
				line-height: 28px;
				color: #1a66b3;
				text-indent: 20px;
				background: url(img/book_no06.gif) no-repeat 4px 9px;
			}
			li:nth-child(7){
				font-size: 12px;
				line-height: 28px;
				color: #1a66b3;
				text-indent: 20px;
				background: url(img/book_no07.gif) no-repeat 4px 9px;
			}
			li:nth-child(8){
				font-size: 12px;
				line-height: 28px;
				color: #1a66b3;
				text-indent: 20px;
				background: url(img/book_no08.gif) no-repeat 4px 9px;
			}
			li:nth-child(9){
				font-size: 12px;
				line-height: 28px;
				color: #1a66b3;
				text-indent: 20px;
				background: url(img/book_no09.gif) no-repeat 4px 9px;
			}
			li:nth-child(10){
				font-size: 12px;
				line-height: 28px;
				color: #1a66b3;
				text-indent: 20px;
				background: url(img/book_no10.gif) no-repeat 4px 9px;
			}
			a:link{
				text-decoration: none;
				color: #1a66b3;
			}
			a:hover{
				text-decoration: underline;
			}
		</style>
	</head>
	<body>
		<div class="title">
			畅销读书榜
		</div>
		<div class="content">
			<ul>
				<li>
					<a>不抱怨的世界(畅...</a>
				</li>
				<li>
					<a>遇见未知的自己...</a>
				</li>
				<li>
					<a>活法（季羡林、...</a>
				</li>
				<li>
					<a>高效能人士的七个习惯</a>
				</li>
				<li>
					<a>被迫强大（北外女生香奈儿...</a>
				</li>
				<li>
					<a>遇见心想事成的自己（《遇...</a>
				</li>
				<li>
					<a>世界上最伟大的推销员（插...</a>
				</li>
				<li>
					<a>我的成功可以复制（唐骏亲...</a>
				</li>
				<li>
					<a>少有人走的路：心智成熟的...</a>
				</li>
				<li>
					<a>活出全新的自己——唤醒...</a>
				</li>
			</ul>
		</div>
	</body>
</html>
